<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>说明</title>
	<link rel="stylesheet" type="text/css" href="../css/api.css" />
	<style>
		body,
		html {
			width: 100%;
			min-height: 100vh;
			background: rgba(0, 0, 0, 0.1);
			display: flex;
			justify-content: center;
			align-items: center;
		}

		#app {
			margin: 40px 15px;
			background: #ffffff;
			border-radius: 10px;
			padding: 25px;
		}

		.tp {
			width: 100%;
			text-align: center;
			font-size: 16px;
			font-weight: bold;
			color: #333333;
			line-height: 16px;
			margin-bottom: 20px;
		}

		.ce {
			margin: 15px auto;
			width: 100%;
			font-size: 12px;
			color: #333;
			line-height: 16px;
		}

		.cancel {
			width: 100%;
			height: 40px;
			line-height: 40px;
			border-radius: 40px;
			background-image: linear-gradient(45deg,
		#ff3a24 0%,
		#ff5340 100%);
			text-align: center;
			box-shadow: 1.5px 2px 9.5px 1px rgba(255, 92, 65, .3);
			font-size: 16px;
			color: #ffffff;
		}
	</style>
</head>

<body>
	<div id="app" class="task none">
		<!-- <div class="tp">任务细则</div> -->
		<ul class="ce">

		</ul>
		<div class="cancel" onclick="back()">我知道了</div>
	</div>
	<div id="app" class="zero none">
		<!-- <div class="tp">新人免单“活动规则”</div> -->
		<ul class="ce">

		</ul>
		<div class="cancel" onclick="back()">我知道了</div>
	</div>
	<div id="app" class="explain none">
		<!-- <div class="tp">应用协议</div> -->
		<ul class="ce">

		</ul>
		<div class="cancel" onclick="back()">我知道了</div>
	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
	apiready = function () {
		config_info = api.getGlobalData({
			key: 'config_info'
		});

		if (api.pageParam.type == 0) {
			$api.removeCls($api.dom(".zero"), 'none');
			$api.html($api.dom(".zero .ce"), config_info.zero_rule);
		} else if (api.pageParam.type == 1) {
			$api.removeCls($api.dom(".explain"), 'none');
			$api.html($api.dom(".explain .ce"), config_info.protocol);
		} else {
			$api.removeCls($api.dom(".task"), 'none');
			$api.html($api.dom(".task .ce"), config_info.task_rule);
		}
	};

	function back() {
		api.closeFrame({
		});
	}
</script>

</html>
